mixin slide-match(params) 
  -var imgs = []
  if Array.isArray(params)
    -var imgs = params
  else if typeof params === 'object'
    -var bg = params.bg
    -imgs = params.imgs
  -var {url: bgUrl, width: w, height: h} = (bg || bg == 0) ? images[bg] : images[imgs[0]]

  section
    section(style=`margin:0; margin-top:-1px;padding:0;transform:rotateZ(0) scale(1)`)
      section(data-inner-id=`198`, data-inner-name=`135editor-scrollfrontlayerauto`)
        section(style=`box-sizing:border-box;width:100%;line-height:0;font-size:0`)
          section(style=`box-sizing:border-box;display:inline-block;vertical-align:top;width:100%;height:0;line-height:0;font-size:0`)
            svg(style=`box-sizing:border-box;line-height:0;display:inline-block;width:100%;user-select:none;vertical-align:top;pointer-events:none;background-image:url(${bgUrl});
            background-repeat:no-repeat;background-size:cover;background-position:center center`, 
            viewBox=`0 0 ${w} ${h}`)
          section(style=`box-sizing:border-box;display:inline-block;vertical-align:top;width:100%`)
            section(style=`box-sizing:border-box;scroll-snap-type:x mandatory;display:inline-block;width:100%;vertical-align:top;overflow-y:hidden;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch`)

              for idx in imgs
                section(style=`box-sizing:border-box;display:inline-block;vertical-align:top;scroll-snap-align:center;width:100%`)
                  svg(style=`box-sizing:border-box;display:inline-block;width:100%;vertical-align:top;background-image:url("${images[idx].url}");
                  background-size:cover;background-repeat:no-repeat;background-position:center center`, viewBox=`0 0 ${w} ${h}`)

